﻿div.stars-rating {
    margin-bottom:10px;
    padding:6px 0;
    line-height: normal !important;
}

.dyn .stars-rating form {
    display:none;
}

.stars-current-result {
    overflow:hidden;
    position:relative;
}

.stars-with-details {
    float:left;
    margin-right: 10px;
}



/*
the base of the stars.

sprite cheatsheet:
 - 0 0 == empty star (default == grey)
 - 0 -14 == user rating star (default == yellow/gold)
 - 0 -28 == overall rating star (default == red)
 - 0 -42 == inactive "clear stars" icon
 - 0 -56 == active "clear stars" icon
*/
.stars-current-result .a-star,
.stars-current-result .stars-clear {
    background:url(images/stars.png) 0 0 no-repeat;
    display:block;
    float:left;
    height:14px;
    text-indent:-9999em;
    padding:0 1px;
    width:15px;
}
.stars-can-rate .a-star,
.stars-current-result .stars-clear {
    cursor:pointer;
}

/*
half-sized rating stars for the *.5's 
*/
.stars-current-result .a-half-star {
    background:url(images/stars.png) 0 -28px no-repeat;
    display:block;
    float:left;
    height:14px;
    padding:0 0 0 1px;
    text-indent:-9999em;
    width:7px;
}
.stars-can-rate .stars-current-result .a-half-star {
    display:none;
}
.stars-current-result .a-star.a-half-star {
    background-position:-8px 0;
    padding:0 2px 0 0;
}
.stars-can-rate .stars-current-result .a-star.a-half-star {
    background-position:0 0;
    display:block;
    padding:0 1px;
    width:15px;
}

/*
clear stars icon/"button"
*/
.stars-current-result .stars-clear {
    background-position:0 -42px;
}
.stars-current-result .stars-clear.mousey,
.stars-current-result .stars-clear.active {
    background-position:0 -56px;
}

/*
overall rating stars (default == red) for when the user hasn't rated the item
*/
.stars-value-1 .star-1, .stars-value-2 .star-1, .stars-value-3 .star-1, .stars-value-4 .star-1, .stars-value-5 .star-1 {
    background-position:0 -28px;
}
.stars-value-2 .star-2, .stars-value-3 .star-2, .stars-value-4 .star-2, .stars-value-5 .star-2 {
    background-position:0 -28px;
}
.stars-value-3 .star-3, .stars-value-4 .star-3, .stars-value-5 .star-3 {
    background-position:0 -28px;
}
.stars-value-4 .star-4, .stars-value-5 .star-4 {
    background-position:0 -28px;
}
.stars-value-5 .star-5 {
    background-position:0 -28px;
}

/*
empty stars beyond the user's rating
*/
.stars-user-rating-1 .star-2 {
    background-position:0 0;
}
.stars-user-rating-1 .star-3, .stars-user-rating-2 .star-3 {
    background-position:0 0;
}
.stars-user-rating-1 .star-4, .stars-user-rating-2 .star-4, .stars-user-rating-3 .star-4 {
    background-position:0 0;
}
.stars-user-rating-1 .star-5, .stars-user-rating-2 .star-5, .stars-user-rating-3 .star-5, .stars-user-rating-4 .star-5 {
    background-position:0 0;
}

/*
user rating star state (default == yellow/gold)
 - first line is for the static display for what the user has rated
 - second and third lines are for showing the correct yellow/gold star when the user puts the cursor over a star (possibly with the intention to rate)
 - fourth line is for overriding a half-star display that could be set for the overral rating. the user's rating should override
*/
.stars-user-rating-1 .star-1, .stars-user-rating-2 .star-1, .stars-user-rating-3 .star-1, .stars-user-rating-4 .star-1, .stars-user-rating-5 .star-1,
.stars-can-rate.star-1 .star-1, .stars-can-rate.star-2 .star-1, .stars-can-rate.star-3 .star-1, .stars-can-rate.star-4 .star-1, .stars-can-rate.star-5 .star-1,
.stars-can-rate.star-1 .star-1.a-half-star, .stars-can-rate.star-2 .star-1.a-half-star, .stars-can-rate.star-3 .star-1.a-half-star, .stars-can-rate.star-4 .star-1.a-half-star, .stars-can-rate.star-5 .star-1.a-half-star,
.stars-can-rate .stars-user-rating-1 .star-1.a-half-star, .stars-can-rate .stars-user-rating-2 .star-1.a-half-star, .stars-can-rate .stars-user-rating-3 .star-1.a-half-star, .stars-can-rate .stars-user-rating-4 .star-1.a-half-star, .stars-can-rate .stars-user-rating-5 .star-1.a-half-star {
    background-position:0 -14px;
}
.stars-user-rating-2 .star-2, .stars-user-rating-3 .star-2, .stars-user-rating-4 .star-2, .stars-user-rating-5 .star-2,
.stars-can-rate.star-2 .star-2, .stars-can-rate.star-3 .star-2, .stars-can-rate.star-4 .star-2, .stars-can-rate.star-5 .star-2,
.stars-can-rate.star-2 .star-2.a-half-star, .stars-can-rate.star-3 .star-2.a-half-star, .stars-can-rate.star-4 .star-2.a-half-star, .stars-can-rate.star-5 .star-2.a-half-star,
.stars-can-rate .stars-user-rating-2 .star-2.a-half-star, .stars-can-rate .stars-user-rating-3 .star-2.a-half-star, .stars-can-rate .stars-user-rating-4 .star-2.a-half-star, .stars-can-rate .stars-user-rating-5 .star-2.a-half-star {
    background-position:0 -14px;
}
.stars-user-rating-3 .star-3, .stars-user-rating-4 .star-3, .stars-user-rating-5 .star-3,
.stars-can-rate.star-3 .star-3, .stars-can-rate.star-4 .star-3, .stars-can-rate.star-5 .star-3,
.stars-can-rate.star-3 .star-3.a-half-star, .stars-can-rate.star-4 .star-3.a-half-star, .stars-can-rate.star-5 .star-3.a-half-star,
.stars-can-rate .stars-user-rating-3 .star-3.a-half-star, .stars-can-rate .stars-user-rating-4 .star-3.a-half-star, .stars-can-rate .stars-user-rating-5 .star-3.a-half-star {
    background-position:0 -14px;
}
.stars-user-rating-4 .star-4, .stars-user-rating-5 .star-4,
.stars-can-rate.star-4 .star-4, .stars-can-rate.star-5 .star-4,
.stars-can-rate.star-4 .star-4.a-half-star, .stars-can-rate.star-5 .star-4.a-half-star,
.stars-can-rate .stars-user-rating-4 .star-4.a-half-star, .stars-can-rate .stars-user-rating-5 .star-4.a-half-star {
    background-position:0 -14px;
}
.stars-user-rating-5 .star-5,
.stars-can-rate.star-5 .star-5,
.stars-can-rate.star-5 .star-5.a-half-star,
.stars-can-rate .stars-user-rating-5 .star-5.a-half-star {
    background-position:0 -14px;
}

/*
empty stars (e.g. to the right) for when the user puts the cursor over a star
*/
.stars-can-rate.star-1 .star-2 {
    background-position:0 0 !important;
}
.stars-can-rate.star-1 .star-3, .stars-can-rate.star-2 .star-3 {
    background-position:0 0 !important;
}
.stars-can-rate.star-1 .star-4, .stars-can-rate.star-2 .star-4, .stars-can-rate.star-3 .star-4 {
    background-position:0 0 !important;
}
.stars-can-rate.star-1 .star-5, .stars-can-rate.star-2 .star-5, .stars-can-rate.star-3 .star-5, .stars-can-rate.star-4 .star-5 {
    background-position:0 0 !important;
}
